@media screen and (max-width:1024px){
	.inner,.top .inner,.foot .inner{ width: 90%;}
	.fnavbox dd.wbox{ width: 22%;}
	.fnavbox dd{ width: 13%;}
	.fnavbox dd.fk3{ width: 15%;}
	.fnavbox dd.fk6{ width: 11%;}
	.fboxDL dd.fvipBox{ width: 30%;}
	.typeBox{ padding: 5% 0px;}
	.banner{ margin-top: 54px;}
	.banner .binbox{ width: 40%; left: 55%; margin-left: 0px; padding: 0px;}
	.banner .binbox .t1{ font-size: 20px; padding: 15px 0px;}
	.banner .binbox .bot{ height: 15px; overflow: hidden;}
	.banner .binbox .t2{ font-size: 14px;}
	.banner .owl-controls{ bottom: 16px;}
	.top .inner{ padding: 0px;}
	.nav{ display: none;}
	.menu-handler{ display: block;}
	.logo{ top: 10px; width: 125px;}
	.fsharp{ display: none;}
	.gropTop{ padding-top: 12px;}
	.menu-handler{ right: 82px;}
	.voiceBox a{ width: 32px; line-height: 32px; height: 32px; margin: 0px 0px 0px 6px;}
	.typeBox li{ width: 30%; padding: 0px 2.33% 0px 1%;}
	.ibox dd{ margin-bottom: 18px;}
	.jcBox{ padding-top: 0px;}
	.jcBox li{ width: 32%; padding-left: 1%;}
	.aboutBox,.newsBox{ width: 48%;}
}
@media screen and (max-width:861px){
	.fnavbox dd.wbox{ width: 86px; overflow: hidden; margin: 0px 0px 40px; float: none;}
	.fnavbox dd{ width: 16%;}
	.fnavbox dd.fk3{ width: 22%;}
	.fnavbox dd.fk6{ width: 14%;}
	.fboxDL dd.fvipBox,.fboxDL dd.finbox{ float: none;}
	.fboxDL dd.fvipBox{ width: 250px; margin-bottom: 20px;}
	.aboutBox a{ padding: 30px 30px 30px 150px;}
	.aboutBox .img{ top: 30px;}
	.aboutBox .img img{ width: 80%;}
	.newcbox{ padding: 30px;}
	.banner{min-height:0px;}
	.banner .binbox .t1{ font-size: 16px; padding: 12px 0px;}
	.banner .binbox .bot{ height: 12px; overflow: hidden;}
	.banner .binbox .t2{ font-size: 12px;}
}
@media screen and (max-width:641px){
	.fnavbox{ padding-bottom: 20px;}
	.fnavbox dd.wbox{ border-top: 0px none; padding-top: 0px;}
	.fnavbox dd{ float: none; margin-bottom: 30px; border-top: 3px solid #9c9c9c; width: auto; padding-top: 20px;}
	.fnavbox dd.fk3,.fnavbox dd.fk6{ width: auto;}
	.fnavbox dd p{ letter-spacing: 0.1em;}
	.fboxDL dd.fvipBox{ width: 100%;}
	.jcBox li{ float: none; margin-bottom: 18px; width: 100%; padding: 0px;}
	.jcBox{ padding-bottom: 5%;}
	.aboutBox,.newsBox{ width: 100%; margin-left: 0px; float: none;}
	.aboutBox a{ padding: 30px 30px 30px 190px;}
	.aboutBox .img img{ width: 100%; margin-bottom: 16px;}
	.aboutBox .con .c{ height: auto;}
	.typeBox ul{ width: 100%;}
	.typeBox li{ width: 100%; padding: 0px; margin-bottom: 22px; float: none;}
	.banner .bimg{display: none;}
	.banner .binbox{left: 45%; width: 50%;}
	.banner .binbox .i img{ max-width: 100%;}
	.banner .binbox .t1{ font-size: 15px;}
	.banner .binbox .t2{ font-size: 11px;}
	.banner .pic{ height: 300px;}
}
@media screen and (max-width:481px) {
	.aboutBox a{ padding: 30px 30px 60px;}
	.aboutBox .img{position: static; left: auto; top: auto;}
	.aboutBox .img .more{ position: absolute; left: 30px; bottom: 25px;}
	.banner .binbox .bot{ display: none;}
	.banner .binbox .t2{ display: none;}
	.banner .owl-controls .owl-page span{ width: 8px; height: 9px; background-size: cover;}
	.banner .owl-controls .owl-page.active span, .banner .owl-controls.clickable .owl-page:hover span{ background-size: cover;}
}